<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Design Portfolio Template</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type='text/javascript' src='http://vectorart.org/wp-content/themes/vector/images/jquery.js'></script> 

</head>

<body>


<div id="top">
	<div id="insidetop">
        <h4>Drop Down Menu</h4>
        
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem 			   		ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporall</p>
        
        <h5><a href="#">Your Site Here</a></h5>
        <h5><a href="#">Your Site Here</a></h5>
        <h5><a href="#">Your Site Here</a></h5>
        <h5><a href="#">Your Site Here</a></h5>
        <h5><a href="#">Your Site Here</a></h5>
        
    </div><!--insidetop-->
</div><!-- top -->

<div id="topline">	
	<div class="content">
       <a><strong>YOUR SITE</strong> NETWORK</a>
    </div>
</div><!-- topline -->


<div id="wrapper">

    	<div class="content">
    	
             <div id="header">
             
                    <h1><a href="#"><span>your design</span>portfolio</a></h1>
                    
                     <div id="menu">
                
                        <ul>	
                            <li><a href="#">home</a></li>
                            <li class="selected"><a href="#">portfolio</a></li>
                            <li><a href="#">blog</a></li>
                            <li><a href="#">about</a></li>
                            <li><a href="#">contact us</a></li>
                        </ul>
                    
                	</div><!-- menu -->
                
             </div><!--header-->
             
               <div class="sidebar">
             	
                <a href="#"><img src="images/sidebar.jpg" alt="" border="0" /></a>
                <a href="#"><img src="images/sidebar.jpg" alt="" border="0" /></a>
                
                
                <a href="#"><img src="images/sidebarmini.jpg" alt="" border="0" /></a>
                <a href="#"><img src="images/sidebarmini.jpg" alt="" border="0" class="noright"  /></a>
                
                <a href="#"><img src="images/sidebarmini.jpg" alt="" border="0" /></a>
                <a href="#"><img src="images/sidebarmini.jpg" alt="" border="0" class="noright" /></a>
                
                <a href="#"><img src="images/sidebarmini.jpg" alt="" border="0" /></a>
                <a href="#"><img src="images/sidebarmini.jpg" alt="" border="0" class="noright"  /></a>
                

             </div><!--sidebar-->
             
             <div id="container">
             	
             	<a href="#"><img src="images/box.jpg" alt="" border="0" /></a>
                <a href="#"><img src="images/box.jpg" alt="" border="0"/></a>
                
                <a href="#"><img src="images/box.jpg" alt="" border="0" /></a>
                <a href="#"><img src="images/box.jpg" alt="" border="0" /></a>
                
                <a href="#"><img src="images/box.jpg" alt="" border="0" /></a>
                <a href="#"><img src="images/box.jpg" alt="" border="0"/></a>
             	
             </div><!--container-->                        
                        	
        </div><!--content-->
        
    </div><!--wrapper-->
    
<div id="footer">
    	<div class="content">
        		
                 <div class="sidebar">
                   
                   		<a href="#"><img src="images/footerbox.png" alt="" border="0" /></a>
                        <a href="#"><img src="images/footerbox.png" alt="" border="0" class="noright" /></a>
                   
                   </div><!--sidebar-->
               <div id="left">
            	<h3>SPONSORSHIP FRIENDS</h3>
                    <p><a href="#">Website Templates</a></p>
                    <p><a href="#">Website Builder</a></p>
                    <p><a href="#">Web design</a></p>
                    <p><a href="#">Powerpoint Templates</a></p>
                    <p><a href="#">Hosting Reseller</a></p>
                    <p><a href="#">Dedicated Server Hosting</a></p>
                 </div><!--left-->   
                 
                 <div id="right">   
                 <h3>OUR RESOURCE SITES</h3>
                    <p><a href="#">Branding and Identity </a></p>
                    <p><a href="#">Nature Based CSS Gallery </a></p>
                    <p><a href="#">Free Vector Illustrations</a></p>
                    <p><a href="#">Organic Web Design</a></p>
                    <p><a href="#">Web Design</a></p>
                    <p><a href="#">West Coast Clothing Co</a></p>
                   </div><!--right-->
                   
                   <a href="#"><span class="leftp">copyright 2010 your comapny name</span></a>
                  
                   <a href="http://vectorart.org"><span class="rightp"> Thanks to VectorArt</span></a>
                   
                   
                 </div><!--content-->
                        
</div><!--footer-->    
    
<script type='text/javascript'>
$(document).ready(function(){

	$("div#topline a").click(function(){
	  $("#top").slideToggle("slow");
	  $(this).toggleClass("active");
	});		

});		
</script>    
</body>
</html>
